<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns='http://www.w3.org/1999/xhtml'>
    <head>
        <meta http-equiv='content-Type' content='text/html; charset=utf-8' />
        <meta name="robots" content="noindex,nofollow" />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="<?= base_url() ?>/public/css/reset.css" /> <!-- RESET -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="<?= base_url() ?>/public/css/main.css" /> <!-- MAIN STYLE SHEET -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="<?= base_url() ?>/public/css/style.css" /> <!-- GRAPHIC THEME -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="<?= base_url() ?>/public/css/mystyle.css" />


        <title></title>

        <script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js'></script>
        <script type='text/javascript' src='http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js'></script>
        <script type='text/javascript' src='<?= base_url() ?>/public/js/toggle.js'></script>
        <script type='text/javascript'>
            $(document).ready(function(){
                $('#frmLogin').validate({

                    // Reporta os erros no container
                    errorLabelContainer: '#error',
                    wrapper: 'li',
                    errorClass: 'campo-invalido',

                    rules: {
                        login:{required: true},
                        senha: {required: true}
                    },
                    messages: {
                        login:{ required: 'Informe o <strong>LOGIN</strong>'},
                        senha: { required: 'Informe a <strong>SENHA</strong>'}
                    }
                });
            });
        </script>
    </head>
    <body id="login">